.products {
  // display: flex;
  // justify-content: center;
  // align-items: center;
  padding: 50px 0;
  background-color: #f7f7f7;

}

.products__title {
  margin-bottom: 32px;
  text-align: center;
  // font-size: 42px; - по макету
  font-size: clamp(32px, 1.702rem + 1.49vw, 42px);
  font-weight: 700;
}

.products__tabs {
  margin-bottom: 80px;
  text-align: center;
}

.products__tab {}

.products__slider {
  // margin-bottom: 60px; - по макету
  margin-bottom: clamp(30px, 1.193rem + 3.41vw, 60px);

  // Т.к. стрелочки в слайдере по макету выходят на широком экране за пределы контейнера, при размерах экрана под мобильные устройства добавляем к блоку боковые падинги, чтобы слайдер со стрелочками уместился в контейнер
  @include desktop-small {
    padding: 0 30px;
  }
}

.products__link {
  text-align: center;
}

.products__link a {
  text-align: center;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--accent);
  font-size: 18px;
  font-weight: 500;
  line-height: 185%;

  &::after {
    content: url(./../img/icons/arrow-right.svg);
    height: 24px;
  }
}